<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
  export default {
    name: "App",
    metaInfo() {
      return {
        title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
        titleTemplate: title => {
          return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
        }
      }
    }
  };

</script>
<style rel="stylesheet/scss" lang="scss">
  .app-container {
    padding: 10px;
  }

  .vue-treeselect__control {
    height: 32px;
  }

  .vue-treeselect__placeholder {
    color: #C0C4CC;
    font-size: 14px;
    text-shadow: none;
    padding-left: 10px;
  }


  /* 修改全局手风琴折叠面板样式 */
  .collapse-wrap {
    .el-collapse {
      border: none;
    }

    .el-collapse-item {
      border: solid 1px #e6ebf5;
      border-bottom: none;
      border-radius: 5px;
      margin-bottom: 5px;
      position: relative;

      .el-collapse-item__arrow {
        position: absolute;
        left: 10px;
        top: 17px;
      }
    }

    .el-collapse-item__header {
      background: #f1f1f1;
      border-bottom: 1px solid #e6ebf5;
      padding-left: 25px;
      font-size: 15px;
      font-weight: 600;
    }

    .el-collapse-item__wrap {
      padding: 10px;
    }

    .el-collapse-item__content {
      padding-bottom: 0;
    }
  }

  .el-table .el-table__cell {
    padding: 5px 0 !important;
  }

  .badge-dot-left {
    margin-right: 5px;
    height: 15px;
  }

  /* 上传组件去掉回显动画 */
  .el-upload-list__item {
    transition: none !important;
    -webkit-transition: nonne !important;
  }

  .el-upload-list__item-name {
    transition: none !important;
    -webkit-transition: nonne !important;
  }

  /* input number类型去掉箭头显示 */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    appearance: none !important;
    -webkit-appearance: none !important;

  }

  input[type="number"] {
    -moz-appearance: textfield;
  }

  /* 滚动条高度 的设置 */
  .el-table__body-wrapper::-webkit-scrollbar {
    height: 15px !important;
  }

</style>
